<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="../css/common/common.css"/>
		<link rel="stylesheet" type="text/css" href="../css/other/other-common.css"/>
		<link rel="stylesheet" type="text/css" href="../css/swiper.min.css"/>
		<link rel="stylesheet" type="text/css" href="../css/other/index.css"/>
		<script src="../js/prefixfree.min.js" type="text/javascript" charset="utf-8"></script>
		
		<script src="../js/swiper.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/js.js" type="text/javascript" charset="utf-8"></script>
		<title></title>
	</head>
	<body>
		<div class="web">
			<!--头部-->
			<header>
				<div class="index-header">
					<div class="index-header-left fl">
						<div class="index-header-box">
							<a href="select.html"><img src="../img/other/index-header-pic1.png"/></a>
						</div>
						
					</div>
					<div class="index-header-right fr">
						<div class="index-header-box">
							<a href="search.html"><img src="../img/other/index-header-pic5.png"/></a>
						</div>
					</div>
					<div class="index-header-center">
						<ul>
							<li class="header-active">
								<a href="#">
									<div class="index-header-box">
										<img src="../img/other/index-header-pic2.png"/>
									</div>
								</a>
							</li>
							<li>
								<a href="../zone/development.html">
									<div class="index-header-box">
										<img id="index-header-pic3" src="../img/other/index-header-pic3.png"/>
									</div>
								</a>
							</li>
							<li>
								<a href="../activity/star.html">
									<div class="index-header-box">
										<img src="../img/other/index-header-pic4.png"/>
									</div>
								</a>
							</li>
						</ul>
					</div>
				</div>
			</header>
			
			<!--主体-->
			<section>
				<!--轮播-->
				<div class="index-carou">
					<div class="swiper-container">
				        <div class="swiper-wrapper">
				            <div class="swiper-slide"><img src="../img/other/index-carou-pic1.jpg"/></div>
				            <div class="swiper-slide"><img src="../img/activity/can-phone/can-phone1.jpg"/></div>
				            <div class="swiper-slide"><img src="../img/other/index-carou-pic1.jpg"/></div>
				            <div class="swiper-slide"><img src="../img/activity/can-phone/can-phone1.jpg"/></div>
				            <div class="swiper-slide"><img src="../img/other/index-carou-pic1.jpg"/></div>
				           
				        </div>
				        <div class="swiper-pagination index-carou-pg"></div>
				    </div>
				    <script>
				    	var swiper = new Swiper('.swiper-container',{
				    		pagination: '.swiper-pagination',
				    		loop:true,
				    		autoplay:2000,
				    		centeredSlides: true,
				        	paginationClickable: true,
				    		
				    	});
				    </script>
				</div>
				
				<!--导航-->
				<div class="index-nav">
					<div class="index-nav-box">
						<ul>
							<li>
								<div class="index-nav-pic">
									<a href="ringclassify.html"><img id="index-nav-pic1" src="../img/other/index-nav-pic1.png"/></a>
								</div>
							</li>
							<li>
								<div class="index-nav-pic">
									<a href="#"><img id="index-nav-pic2" src="../img/other/index-nav-pic2.png"/></a>
								</div>
							</li>
							<li>
								<div class="index-nav-pic">
									<a href="#"><img id="index-nav-pic3" src="../img/other/index-nav-pic3.png"/></a>
								</div>
							</li>
							<li>
								<div class="index-nav-pic">
									<a href="#"><img id="index-nav-pic4" src="../img/other/index-nav-pic4.png"/></a>
								</div>
							</li>
						</ul>
					</div>
				</div>
				
				<!--内容-->
				<div class="index-content">
					<div class="index-content-title">
						<div class="index-content-title-pic">
							<img src="../img/other/index-content-title.png"/>
						</div>
						<p>圈子推荐</p>
					</div>
					
					<div class="index-content-item">
						<div class="index-content-item-pic fl">
							<a href="../activity/can-phone.html"><img src="../img/other/index-content-item-pic1.jpg"/></a>
						</div>
						<div class="index-content-item-text fr">
							<div class="index-content-item-text-left fl">
								<h1>广州舞者官方群</h1>
								<p>一场梦幻般的体验，小心迷失</p>
								<div class="index-content-item-text-left-box">
									<div class="index-content-item-text-left-view">
										<img id="index-content-item-text-left-pic1" src="../img/other/index-content-text-pic1.png"/>
										<span>96</span>
									</div>
									<div class="index-content-item-text-left-view">
										<img id="index-content-item-text-left-pic2" src="../img/other/index-content-text-pic2.png"/>
										<span>96</span>
									</div>
									<div class="index-content-item-text-left-view">
										<img id="index-content-item-text-left-pic3" src="../img/other/index-content-text-pic3.png"/>
										<span>13</span>
									</div>
								</div>
								
							</div>
							<div class="index-content-item-text-right fr">
								<a href="../activity/can-phone.html"><img src="../img/other/index-content-text-pic4.png"/></a>
							</div>
							<div class="clear"></div>
						</div>
						<div class="clear"></div>
					</div>
					
					<div class="index-content-item">
						<div class="index-content-item-pic fl">
							<a href="../activity/can-phone.html"><img src="../img/other/index-content-item-pic2.jpg"/></a>
						</div>
						<div class="index-content-item-text fr">
							<div class="index-content-item-text-left fl">
								<h1>广州舞者官方群</h1>
								<p>一场梦幻般的体验，小心迷失</p>
								<div class="index-content-item-text-left-box">
									<div class="index-content-item-text-left-view">
										<img id="index-content-item-text-left-pic1" src="../img/other/index-content-text-pic1.png"/>
										<span>96</span>
									</div>
									<div class="index-content-item-text-left-view">
										<img id="index-content-item-text-left-pic2" src="../img/other/index-content-text-pic2.png"/>
										<span>96</span>
									</div>
									<div class="index-content-item-text-left-view">
										<img id="index-content-item-text-left-pic3" src="../img/other/index-content-text-pic3.png"/>
										<span>13</span>
									</div>
								</div>
								
							</div>
							<div class="index-content-item-text-right fr">
								<a href="../activity/can-phone.html"><img src="../img/other/index-content-text-pic4.png"/></a>
							</div>
							<div class="clear"></div>
						</div>
						<div class="clear"></div>
					</div>
					
					<div class="index-content-item">
						<div class="index-content-item-pic fl">
							<a href="../activity/can-phone.html"><img src="../img/other/index-content-item-pic3.jpg"/></a>
						</div>
						<div class="index-content-item-text fr">
							<div class="index-content-item-text-left fl">
								<h1>广州舞者官方群</h1>
								<p>一场梦幻般的体验，小心迷失</p>
								<div class="index-content-item-text-left-box">
									<div class="index-content-item-text-left-view">
										<img id="index-content-item-text-left-pic1" src="../img/other/index-content-text-pic1.png"/>
										<span>96</span>
									</div>
									<div class="index-content-item-text-left-view">
										<img id="index-content-item-text-left-pic2" src="../img/other/index-content-text-pic2.png"/>
										<span>96</span>
									</div>
									<div class="index-content-item-text-left-view">
										<img id="index-content-item-text-left-pic3" src="../img/other/index-content-text-pic3.png"/>
										<span>13</span>
									</div>
								</div>
								
							</div>
							<div class="index-content-item-text-right fr">
								<a href="../activity/can-phone.html"><img src="../img/other/index-content-text-pic4.png"/></a>
							</div>
							<div class="clear"></div>
						</div>
						<div class="clear"></div>
					</div>
					
					<div class="index-content-item">
						<div class="index-content-item-pic fl">
							<a href="../activity/can-phone.html"><img src="../img/other/index-content-item-pic1.jpg"/></a>
						</div>
						<div class="index-content-item-text fr">
							<div class="index-content-item-text-left fl">
								<h1>广州舞者官方群</h1>
								<p>一场梦幻般的体验，小心迷失</p>
								<div class="index-content-item-text-left-box">
									<div class="index-content-item-text-left-view">
										<img id="index-content-item-text-left-pic1" src="../img/other/index-content-text-pic1.png"/>
										<span>96</span>
									</div>
									<div class="index-content-item-text-left-view">
										<img id="index-content-item-text-left-pic2" src="../img/other/index-content-text-pic2.png"/>
										<span>96</span>
									</div>
									<div class="index-content-item-text-left-view">
										<img id="index-content-item-text-left-pic3" src="../img/other/index-content-text-pic3.png"/>
										<span>13</span>
									</div>
								</div>
								
							</div>
							<div class="index-content-item-text-right fr">
								<a href="../activity/can-phone.html"><img src="../img/other/index-content-text-pic4.png"/></a>
							</div>
							<div class="clear"></div>
						</div>
						<div class="clear"></div>
					</div>
				</div>
				
			</section>
			
			<!--脚部-->
			<footer>
				<div class="footer-div">
					<div class="footer-left fl">
						<div class="footer-pic fl">
							<a href="#"><img id="footer-pic1" src="../img/other/index0-footer-pic1.png"/></a>
						</div>
						<div class="footer-pic fr">
							<a href="../activity/recruit.html"><img id="footer-pic2" src="../img/other/index0-footer-pic2.png"/></a>
						</div>
						<div class="clear"></div>
					</div>
					<div class="footer-right fr">
						<div class="footer-pic fl">
							<a href="message.html"><img id="footer-pic3" src="../img/other/index0-footer-pic3.png"/></a>
						</div>
						<div class="footer-pic fr">
							<a href="../zone/my zone.html"><img id="footer-pic4" src="../img/other/index0-footer-pic4.png"/></a>
						</div>
						<div class="clear"></div>
					</div>
					<div class="footer-center">
						<img onclick="showxiala()" src="../img/other/footer-center.png"/>
					</div>
				</div>
			</footer>
			
			<!--下拉-->
			<div class="cPweb cPweb1">
			
				<div class="commonPublish-title">
					<img src="../img/other/commonPulish-title.jpg"/>
				</div>
				
				<div class="commonPublish-middle">
					<div class="commonPublish-item">
						<div class="commonPublish-item-pic">
							<a href="newactivity.html"><img id="commonPublish-item-pic1" src="../img/other/commonPublish-item-pic1.png"/></a>
						</div>
						<p>发动态</p>
					</div>
					<div class="commonPublish-item">
						<div class="commonPublish-item-pic">
							<a href="newring.html"><img id="commonPublish-item-pic2" src="../img/other/commonPublish-item-pic2.png"/></a>
						</div>
						<p>创建圈子</p>
					</div>
					<div class="commonPublish-item">
						<div class="commonPublish-item-pic">
							<a href="#"><img id="commonPublish-item-pic3" src="../img/other/commonPublish-item-pic3.png"/></a>
						</div>
						<p>扫一扫</p>
					</div>
					
					<div class="commonPublish-item">
						<div class="commonPublish-item-pic">
							<a href="../activity/issue.html"><img id="commonPublish-item-pic4" src="../img/other/commonPublish-item-pic4.png"/></a>
						</div>
						<p>发通告</p>
					</div>
					<div class="commonPublish-item">
						<div class="commonPublish-item-pic">
							<a href="#"><img id="commonPublish-item-pic5" src="../img/other/commonPublish-item-pic5.png"/></a>
						</div>
						<p>发活动</p>
					</div>
				</div>
				
				<div onclick="closecP()" class="commonPublish-bottom">
					<img src="../img/other/commonPublish-bottom.png"/>
				</div>
			</div>
			
		</div>
		
		<script type="text/javascript">
			document.body.style.height = window.innerHeight + "px";
		</script>
	</body>
	
</html>
